Unit of Competency Mapping – Information for Teachers/Assessors – Information for Learners

ICTPRG505 Mapping and Delivery Guide
Build advanced user interface

Version 1.0
Issue Date: May 2024


Qualification -
Unit of Competency ICTPRG505 - Build advanced user interface
Description
Employability Skills
Learning Outcomes and Application This unit describes the skills and knowledge required to design, build and test an advanced user interface (UI), including interaction techniques, rich controls, improved client-side validation, customisation and personalisation, graphics and multimedia.It applies to individuals who work as user-interface designers and who are responsible for managing, and implementing, complex UI design.No licensing, legislative or certification requirements apply to this unit at the time of publication.
Duration and Setting X weeks, nominally xx hours, delivered in a classroom/online/blended learning setting.

Gather evidence to demonstrate consistent performance in conditions that are safe and replicate the workplace. Noise levels, production flow, interruptions and time variances must be typical of those experienced in the programming and software development industry, and include access to:

an integrated development environment (IDE)

the client system, and the server system

multimedia tools

specific tools and licences, depending on the particular platform.

Assessors must satisfy NVR/AQTF assessor requirements.
Prerequisites/co-requisites
Competency Field
Development and validation strategy and guide for assessors and learners Student Learning Resources Handouts
Activities 		Slides
PPT 		Assessment 1 Assessment 2 Assessment 3 Assessment 4
Elements of Competency Performance Criteria              
Element: Plan the UI design
  • Determine the appropriate client technology, development tools, and platform for writing the UI
  • Review the conceptual design with the client, and edit as required
  • Design the UI layout and structure
       
Element: Implement interaction techniques
  • Apply the interaction design patterns
  • Implement client-side validation
       
Element: Implement a customisable and personalised UI
  • Build a customisable UI, to allow users to select their own customised version of the underlying application
  • Build a personalised UI to improve user experience
       
Element: Implement the graphics and multimedia
  • Create and display the graphics
  • Add the multimedia content to an application
       


Evidence Required

List the assessment methods to be used and the context and resources required for assessment. Copy and paste the relevant sections from the evidence guide below and then re-write these in plain English.

ELEMENT

PERFORMANCE CRITERIA

Elements describe the essential outcomes.

Performance criteria describe the performance needed to demonstrate achievement of the element.

1. Plan the UI design

1.1 Determine the appropriate client technology, development tools, and platform for writing the UI

1.2 Review the conceptual design with the client, and edit as required

1.3 Design the UI layout and structure

2. Implement interaction techniques

2.1 Apply the interaction design patterns

2.2 Implement client-side validation

3. Implement a customisable and personalised UI

3.1 Build a customisable UI, to allow users to select their own customised version of the underlying application

3.2 Build a personalised UI to improve user experience

4. Implement the graphics and multimedia

4.1 Create and display the graphics

4.2 Add the multimedia content to an application

Evidence of the ability to:

apply advanced techniques in order to create a complex user interface (UI)

determine the client’s technology, development tools, and the UI platform

plan the layout and structure

review the conceptual design with the client

implement interaction techniques, including interaction design patterns and client-side validation

implement a customisable and personalised UI

create and display the graphics

add the multimedia.

Note: If a specific volume or frequency is not stated, then evidence must be provided at least once.

To complete the unit requirements safely and effectively, the individual must:

describe the concepts of programming, including:

client-side programming

object-oriented programming

web design programming in hypertext markup language (HTML), cascading style sheet (CSS), and JavaScript

describe the purpose of UI prototyping

outline the documentation requirements for UI development.

Submission Requirements

List each assessment task's title, type (eg project, observation/demonstration, essay, assignment, checklist) and due date here

Assessment task 1: [title]      Due date:

(add new lines for each of the assessment tasks)

Assessment Tasks

Copy and paste from the following data to produce each assessment task. Write these in plain English and spell out how, when and where the task is to be carried out, under what conditions, and what resources are needed. Include guidelines about how well the candidate has to perform a task for it to be judged satisfactory.

ELEMENT

PERFORMANCE CRITERIA

Elements describe the essential outcomes.

Performance criteria describe the performance needed to demonstrate achievement of the element.

1. Plan the UI design

1.1 Determine the appropriate client technology, development tools, and platform for writing the UI

1.2 Review the conceptual design with the client, and edit as required

1.3 Design the UI layout and structure

2. Implement interaction techniques

2.1 Apply the interaction design patterns

2.2 Implement client-side validation

3. Implement a customisable and personalised UI

3.1 Build a customisable UI, to allow users to select their own customised version of the underlying application

3.2 Build a personalised UI to improve user experience

4. Implement the graphics and multimedia

4.1 Create and display the graphics

4.2 Add the multimedia content to an application

Copy and paste from the following performance criteria to create an observation checklist for each task. When you have finished writing your assessment tool every one of these must have been addressed, preferably several times in a variety of contexts. To ensure this occurs download the assessment matrix for the unit; enter each assessment task as a column header and place check marks against each performance criteria that task addresses.

Observation Checklist

Tasks to be observed according to workplace/college/TAFE policy and procedures, relevant legislation and Codes of Practice Yes No Comments/feedback
Determine the appropriate client technology, development tools, and platform for writing the UI 
Review the conceptual design with the client, and edit as required 
Design the UI layout and structure 
Apply the interaction design patterns 
Implement client-side validation 
Build a customisable UI, to allow users to select their own customised version of the underlying application 
Build a personalised UI to improve user experience 
Create and display the graphics 
Add the multimedia content to an application 

Forms

Assessment Cover Sheet

ICTPRG505 - Build advanced user interface
Assessment task 1: [title]

Student name:

Student ID:

I declare that the assessment tasks submitted for this unit are my own work.

Student signature:

Result: Competent Not yet competent

Feedback to student

 

 

 

 

 

 

 

 

Assessor name:

Signature:

Date:

Assessment Record Sheet

ICTPRG505 - Build advanced user interface

Student name:

Student ID:

Assessment task 1: [title] Result: Competent Not yet competent

(add lines for each task)

Feedback to student:

 

 

 

 

 

 

 

 

Overall assessment result: Competent Not yet competent

Assessor name:

Signature:

Date:

Student signature:

Date: